<template>

  <!-- 2019-02-22 处方基本信息组件 -->
  <div class="section_con8">
    <p>
      <span>{{this.preinfostr.OPRLB == '1' ? '中药' : '西药'}}</span>
      <span @click="showPrescribeDetails = true">{{prescribeDetailsInfo}}</span>
    </p>
    <p>
      <span>
        <svg fill="#666" class="icon" style="" viewBox="0 0 1024 1024"
          width="20" height="20"
        ><defs><style type="text/css"></style></defs><path d="M758.9 320H263.6V195.3c0-72.6 87.7-131.1 160.2-131.1h174.8c72.5 0 160.2 58.5 160.2 131.1V320z m-466.1-29.1h437v-95.6c0-54-73.3-102-131.1-102H423.9c-57.8 0-131.1 48-131.1 102v95.6zM729.8 331c0 140.6-98 255-218.5 255S292.8 471.6 292.8 331h-29.1c0 156.7 111.1 284.2 247.6 284.2 136.6 0 247.6-127.5 247.6-284.2h-29.1zM685.2 651c-8 0-14.6 6.3-14.6 14.2 0 95.4-35.8 210-84.5 265.2l-150-0.1c-51.2-56-84.3-170.7-84.3-265.1 0-7.8-6.5-14.2-14.6-14.2-8 0-14.6 6.3-14.6 14.2 0 105.3 37.4 228.3 96.4 289 2.7 2.8 6.6 4.4 10.6 4.4l163 0.1c4.1 0 8-1.7 10.7-4.6 56.3-59.6 96.4-182.7 96.4-289 0.1-7.7-6.4-14.1-14.5-14.1z" p-id="9808"></path><path d="M592.6 960.1c-184.5 0-386.7-4.4-483.4-8.3-47.5-1.9-45.9-59.8-44.9-98 0.2-5.7 0.3-11.1 0.3-16.1 0-126.5 284.7-201.8 382.8-213.5 32.5-3.8 96.2-3.8 128.8 0 98 11.7 382.4 87 382.4 213.5 0 5 0.1 10.3 0.3 16 1 37.4 2.6 93.9-44 98.1-69.2 6.1-191.3 8.3-322.3 8.3z m-80.7-309c-22.9 0-45.8 0.9-60.6 2.6-120.6 14.4-355.4 92.4-355.4 183.9 0 5.2-0.2 10.9-0.3 16.9-0.7 26.6-1.8 66.8 15 67.4 164.7 6.8 636 14.9 801.5 0.1 16.2-1.5 16.7-32.8 15.7-67.6-0.1-5.9-0.3-11.5-0.3-16.7 0-91.6-234.6-169.5-355.1-183.9-14.7-1.8-37.6-2.7-60.5-2.7zM496.7 134.8h29.1v116.5h-29.1z" p-id="9809"></path><path d="M453 178.5h116.5v29.1H453z" p-id="9810"></path></svg>
      </span>
      <span>
        <span>
          <b>{{this.preinfostr.DOCTORNAME}}</b>
          <b>{{this.preinfostr.DOCTORDEPARTMENT}}</b>
        </span>
        <span>
          <b>医嘱：</b>
          <i>{{this.preinfostr.ADVICE || '-'}}</i>
        </span>
      </span>
    </p>
    <p>
      <span>
        <svg fill="#666" class="icon" style="" viewBox="0 0 1024 1024"
          width="20" height="20"
        ><defs><style type="text/css"></style></defs><path d="M768 465.454545l-139.636364 0c-12.846545 0-23.272727 10.426182-23.272727 23.272727 0 12.846545 10.426182 23.272727 23.272727 23.272727l139.636364 0c12.846545 0 23.272727-10.426182 23.272727-23.272727C791.272727 475.880727 780.846545 465.454545 768 465.454545zM372.363636 256l46.545455 0 0 0 209.454545 0 0 0 46.545455 0C687.755636 256 698.181818 245.573818 698.181818 232.727273L698.181818 162.909091C698.181818 150.062545 687.755636 139.636364 674.909091 139.636364l-52.968727 0c-14.429091-40.587636-52.782545-69.818182-98.304-69.818182-45.521455 0-83.874909 29.230545-98.304 69.818182L372.363636 139.636364C359.517091 139.636364 349.090909 150.062545 349.090909 162.909091L349.090909 232.727273C349.090909 245.573818 359.517091 256 372.363636 256zM407.272727 186.181818l60.509091 0C466.990545 182.318545 465.454545 178.688 465.454545 174.545455c0-32.116364 26.065455-58.181818 58.181818-58.181818 32.116364 0 58.181818 26.065455 58.181818 58.181818 0 4.142545-1.536 7.773091-2.327273 11.636364l60.509091 0C646.423273 186.181818 651.636364 191.394909 651.636364 197.818182S646.423273 209.454545 640 209.454545l-232.727273 0C400.849455 209.454545 395.636364 204.241455 395.636364 197.818182S400.849455 186.181818 407.272727 186.181818zM768 628.363636l-139.636364 0c-12.846545 0-23.272727 10.426182-23.272727 23.272727 0 12.846545 10.426182 23.272727 23.272727 23.272727l139.636364 0c12.846545 0 23.272727-10.426182 23.272727-23.272727C791.272727 638.789818 780.846545 628.363636 768 628.363636zM884.363636 162.909091l-139.636364 0 0 46.545455 116.363636 0C899.630545 209.454545 930.909091 240.733091 930.909091 279.272727l0 581.818182c0 38.539636-31.278545 69.818182-69.818182 69.818182l-698.181818 0C124.369455 930.909091 93.090909 899.630545 93.090909 861.090909L93.090909 279.272727c0-38.539636 31.278545-69.818182 69.818182-69.818182l139.636364 0 0-46.545455L139.636364 162.909091c-51.432727 0-93.090909 41.658182-93.090909 93.090909L46.545455 884.363636c0 51.432727 41.658182 93.090909 93.090909 93.090909l744.727273 0c51.432727 0 93.090909-41.658182 93.090909-93.090909L977.454545 256C977.454545 204.567273 935.796364 162.909091 884.363636 162.909091zM446.929455 600.669091C472.250182 579.304727 488.727273 547.746909 488.727273 512c0-64.279273-52.084364-116.363636-116.363636-116.363636-64.279273 0-116.363636 52.084364-116.363636 116.363636 0 35.746909 16.477091 67.304727 41.797818 88.669091C245.573818 627.805091 209.454545 681.751273 209.454545 744.727273c0 5.306182 0.884364 10.379636 1.582545 15.499636C210.152727 762.693818 209.454545 765.253818 209.454545 768 209.454545 780.846545 219.880727 791.272727 232.727273 791.272727c12.846545 0 23.272727-10.426182 23.272727-23.272727l2.327273 0C256.837818 760.459636 256 752.686545 256 744.727273c0-64.279273 52.084364-116.363636 116.363636-116.363636 64.279273 0 116.363636 52.084364 116.363636 116.363636 0 7.959273-0.837818 15.732364-2.327273 23.272727l2.327273 0c0 12.846545 10.426182 23.272727 23.272727 23.272727 12.846545 0 23.272727-10.426182 23.272727-23.272727 0-2.746182-0.698182-5.306182-1.582545-7.773091C534.388364 755.106909 535.272727 750.033455 535.272727 744.727273 535.272727 681.751273 499.153455 627.805091 446.929455 600.669091zM372.363636 581.818182c-38.539636 0-69.818182-31.278545-69.818182-69.818182 0-38.539636 31.278545-69.818182 69.818182-69.818182 38.539636 0 69.818182 31.278545 69.818182 69.818182C442.181818 550.539636 410.903273 581.818182 372.363636 581.818182z" p-id="8967"></path></svg>
      </span>
      <span>
        <span>
          <b>{{this.preinfostr.PATIENT_NAME}}</b>
          <b>{{this.preinfostr.PATIENT_SEX}}  {{this.preinfostr.PATIENT_AGE}}</b>
        </span>
        <!--         <span>
          {{ACSM}}
        </span> -->
      </span>
    </p>
    <!--     <p>
      <span>医嘱：</span>
      <span>}</span>
    </p> -->
    <p>
      <span>处方费用：</span>
      <span>￥{{this.preinfostr.PRESCRIPTION_PRICE}}</span>
    </p>
    <p>
      <span></span>
      <!-- 在康百氏门诊开出的处方价格，直接包括了配送费、服务费，判断是康百氏开出来的这两个值为0 
      <span>配送费：￥{{medicpsf}}&nbsp;&nbsp;|&nbsp;&nbsp;服务费：￥{{medicjgf}}&nbsp;&nbsp;|&nbsp;&nbsp;药品费：￥{{medicypf}}</span>-->
    </p>
<!--     <p>
      <span>医保支付：</span>
      <span>￥{{YBZF}}</span>
    </p> -->
    <p>
      <span>现金支付：</span>
      <span>￥{{this.preinfostr.PRESCRIPTION_PRICE-this.YBZF}}</span>
    </p>

    <!-- 查看处方详情，查看后可以继续开处方-->
    <mt-popup
      v-model="showPrescribeDetails"
      position="top"
    >
      <!-- <h5>处方详情开发中...</h5> -->
      <!-- <prescribeDetails @closePreDetails="closePreDetails" :prescribeInfo="prescribeInfo"></prescribeDetails> -->
      <!-- <prescribeDetailsStatic @closePreDetails="closePreDetails"></prescribeDetailsStatic> -->
      <span>处方详情请咨询医师</span>
    </mt-popup>
  </div>
</template>

<script>
export default {
  props: { preinfostr: {
      type: Object,
    }},
  data() {
    return{
      YBZF:0,
      prescribeDetailsInfo: '查看处方详情',
      showPrescribeDetails:false,
          }

  },
  components: {
  },
  methods: {
  },
};
</script>

<style scoped>

.mint-popup-top {
  top: 50%;
  font-size: 1rem;
  background: none;
  color: #fff;
  letter-spacing: 1px;
}
.section_con8 {
  border-radius: 10px;
  width: 95%;
  margin: .5rem auto 0 auto;
}
.section_con8 p {
  font-size: .8rem;
  display: flex;
  flex-flow: row | nowrap;
  justify-content: space-between;
  align-items: center;
  /* border-top: .5px solid #eaeaea; */
  line-height: 1.5rem;
}
.section_con8 p:first-child{
  line-height:2rem;
  border-top: 0px solid #ccc;
}
.section_con8 p:first-child span:first-child{
  border: .5px solid #ff6200;
  line-height: 1rem;
  border-radius: 5px;
  letter-spacing: 2px;
  padding: .1rem;
  color: #ff6200;
  font-size: .5rem;
  text-align: center;
  vertical-align: center;
}
.section_con8 p:first-child span:last-child{
  width:70%;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  text-align: right;
  color: #26a2ff;
}
.section_con8 p:nth-child(2) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
}
.section_con8 p:nth-child(2) span:nth-child(1) {
  margin-right: 1rem;
}
.section_con8 p:nth-child(2) span:nth-child(2) {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: center;
}
.section_con8 p:nth-child(2) span:nth-child(2) span:nth-child(1) b:first-child{
  margin-right: .5rem;
  font-size: 1rem;
}
.section_con8 p:nth-child(2) span:nth-child(2) span:nth-child(1) b:nth-child(2){
  color: #666;
  font-weight: normal;
  font-size:.8em;
}
.section_con8 p:nth-child(2) span:nth-child(2) span:nth-child(2){
  width: 100%;
  white-space: normal !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  color: #666;
  font-size: .8rem;
  line-height: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.section_con8 p:nth-child(2) span:nth-child(2) span:nth-child(2) b{
  width: 5.4rem;
  align-self: baseline;
}
.section_con8 p:nth-child(2) span:nth-child(2) span:nth-child(2) i {
  text-indent: 0rem;
}
.section_con8 p:nth-child(3) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: center;
  margin-top: .8rem;
}
.section_con8 p:nth-child(3) span:nth-child(1) {
  margin-right: 1rem;
}
.section_con8 p:nth-child(3) span:nth-child(2) span:nth-child(1) b:first-child{
  margin-right: .8rem;
  font-size: 1rem;
}
.section_con8 p:nth-child(3) span:nth-child(2) span:nth-child(1) b:last-child{
  font-size: .8rem;
  color: #666;
}
.section_con8 p:nth-child(4) {
  margin-top: .5rem;
  padding-top: .5rem;
  border-top: .5px solid #eaeaea;
}
.section_con8 p:nth-child(5) span:last-child{
  font-size: .6rem;
  color: #ccc;
}
.section_con8 p:last-child span:last-child{
  color: #ff6200;
}
</style>
